import { PropType } from 'vue';
<template>
  <div class="tip">
    <!-- <component :is="icon" :style="{ color: iconColor }" /> -->
    <slot></slot>
    <span class="ml-2">{{ text }}</span>
  </div>
</template>

<script lang="ts" setup>
  import { PropType } from 'vue';

  defineOptions({ name: 'Tip' });
  const props = defineProps({
    icon: {
      type: String as PropType<any>,
    },
    text: {
      type: String,
    },
    iconColor: {
      type: String,
    },
  });
</script>

<style lang="less" scoped>
  .tip {
    background-color: #f5f5f5;
    padding: 10px 20px;
    border-radius: 4px;
    color: #999;
  }
</style>
